<!-- 推荐商品渲染模板，基于layTpl -->
<script type="text/html" id="template">
    <div class="card-container  flex ">
        {{# layui.each(d.data, function(index, item){ }}
        <div class="card-item flex flex-col product-item"
             lay-url="{:url('product/details')}?id={{item.id }}"
             lay-event="jump">
            <img class="icon" src="{{= item.icon }}" alt="">
            <div class="content">
                <div class="title">{{= item.title }}</div>
                <div class="price front">{{= item.vip_price }}</div>
                <div class="desc flex items-center justify-between">
                    <div class="underline">￥{{= item.price }}</div>
                    <div>销量{{= item.sales }}</div>
                </div>
            </div>
        </div>
        {{# }); }}
    </div>
</script>